<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="lib/jq/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>

		<link rel="stylesheet" type="text/css" href="lib/bootstrap/css/bootstrap.min.css" />
		<script src="lib/bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>

		<link rel="stylesheet" type="text/css" href="lib/datetime/css/bootstrap-datetimepicker.min.css" />
		<script src="lib/datetime/js/bootstrap-datetimepicker.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="lib/datetime/js/locales/bootstrap-datetimepicker.zh-CN.js" type="text/javascript" charset="utf-8"></script>

		<script src="lib/dateFormat.js" type="text/javascript" charset="utf-8"></script>

		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<!--<input type="date"  class="form-control" name="date" id="date" value="" />
		<input type="text" id="hour" value="" />
		<input type="text" id="min" value="" />
		<input type="text" id="sec" value="" />-->
		<div class="main">
			<div class="page">
				<div>
					<h3 class="text-center">chrome定时器</h3>
					<h5 class="text-center text-muted">支付宝扫描进行捐赠</h5>
					<img src="img/donate.png" class="donateQr" />
					<div class="footer">
						<hr />
						<a href="http://weibo.com/u/2835064591" target="_blank">开发者微博</a> <a target="_blank" href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=toKAgoCFh4KOgfbHx5jV2ds" style="text-decoration:none;">反馈</a> 
						<a id="btn-donate-back">返回</a>
						<br />
						Copyright&copy;2012-2014 
					</div>
				</div>
			</div>
			<div class="page">
				<div class="list">
					<h3>chrome定时器 <a id="add" class="btn btn-default btn-xs pull-right glyphicon glyphicon-plus"></a></h3>
					<ul class="list-group">
					  <li class="list-group-item">
					    Cras justo odio
					    <a class="del btn btn-danger btn-xs glyphicon pull-right glyphicon-remove"></a>
					    <div>
						    <span class="small text-info alarm-time">定时:100-1-1 1:2:1</span> 
						    <span class="small text-info remain">剩余时间:100-1-1 1:2:1</span>
					    </div>
					  </li>
					  <li class="list-group-item">
					    Cras justo odio
					    <a class="btn btn-danger btn-xs glyphicon pull-right glyphicon-remove"></a>
					  </li>
					  <li class="list-group-item">
					    Cras justo odio
					    <a class="btn btn-danger btn-xs glyphicon pull-right glyphicon-remove"></a>
					  </li>
					  <li class="list-group-item">
					    Cras justo odio
					    <a class="btn btn-danger btn-xs glyphicon pull-right glyphicon-remove"></a>
					  </li>
					</ul>
				</div>
				<div class="footer">
					<hr />
					开发者:<a href="http://weibo.com/u/2835064591" target="_blank">Z</a> <a target="_blank" href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=toKAgoCFh4KOgfbHx5jV2ds" style="text-decoration:none;">反馈</a> 
					<a id="btn-donate">捐赠</a>
					<br />
					Copyright&copy;2012-2014 
				</div>
			</div>
			<div class="page">
				<form class="form-inline" role="form">
					<div class="form-group block">
						<label for="text" class="sr-only">内容:</label>
						<input type="text" id="text" class="form-control" size="25" value="" placeholder="请输入新提醒" />
					</div>
					<div class="form-group block type">
						<span>类型:</span>
						<div class="btn-group">
							<a type="a" id="btn_type" value="0" class="btn btn-success dropdown-toggle" data-toggle="dropdown">
								直到 <span class="caret"></span>
							</a>
							<ul class="dropdown-menu" role="menu">
								<li><a href="#" value="0">直到</a>
								</li>
								<li><a href="#" value="1">再过</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="form-group date-field block">
						<label for="dtp_input2">日期:</label>
						<div class="input-group date form_date col-md-5" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
							<input class="form-control" id="date" type="text" value="" readonly>
							<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
						</div>
						<input type="hidden" id="dtp_input2" value="" />
					</div>
					<div class="form-group">
						<label for="hour">时间:</label>
						<input type="text" size="2" maxlength="2" max="23" min="0" class="form-control time" id="hour" placeholder="">
					</div>
					<div class="form-group">
						<label for="min">:</label>
						<input type="text" size="2" maxlength="2" max="59" min="0" class="form-control time" id="min" placeholder="">
					</div>
					<div class="form-group">
						<label for="sec">:</label>
						<input type="text" size="2" maxlength="2" max="59" min="0" class="form-control time" id="sec" placeholder="">
					</div>
					<div class="form-group block">
						<div>
							<label for="sound" class="checkbox">铃音:
								<input type="checkbox" class="form-control" id="sound" checked="checked" />
							</label>
						</div>
						<label for="repeat" class="checkbox">每天:
							<input type="checkbox" class="form-control" id="repeat"/>
						</label>
					</div>
					<div class="form-group block">
						<a id="cancel" class="btn btn-warning">取消</a>
						<a id="resetNow" class="btn btn-info">重置</a>
						<a id="submit" class="btn btn-danger">定时</a>
					</div>
				</form>
			</div>
			<div class="clearfix"></div>
		</div>
	</body>

</html>
